<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div id="main" style="width: 600px;height: 400px"></div>
<script src="../echarts/dist/echarts.min.js"></script>
</body>
<script>
    var mychart=echarts.init(document.getElementById('main'));
    var data = [];

    for (var i = 0; i <= 360; i++) {
        var t = i / 180 * Math.PI;
        var r = Math.sin(2 * t) * Math.cos(2 * t);
        data.push([r, i]);
    }

    option = {
        title: {//名称描述
            text: '极坐标双数值轴'
        },
        legend: {//图裂，描述数据和表的关联
            data: ['line']
        },
        polar: {
            center: ['50%', '54%']
        },
        tooltip: {//气泡提示框，常用于展现更为详细的数据
            trigger: 'axis',
            axisPointer: {
                type: 'cross'
            }
        },
        angleAxis: {
            type: 'value',
            startAngle: 0
        },
        radiusAxis: {
            min: 0
        },
        series: [{
            coordinateSystem: 'polar',
            name: 'line',
            type: 'line',
            showSymbol: false,
            data: data
        }],
        animationDuration: 2000
    };
    mychart.setOption(option)
</script>
</html>